<template>
  <div>
    <Bread first="个人中心" second="基本资料"></Bread>

    <hr />

    <select v-model="val">
      <option value="web">前端</option>
      <option value="java">后端</option>
      <option value="bigData">大数据</option>
      <option value="ui">设计</option></select
    >==={{ val }}
    <hr />
    <el-select v-model="value" placeholder="请选择">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      >
      </el-option> </el-select
    >==={{ value }}
  </div>
</template>
           
<script>
export default {
  name: '',
  data() {
    return {
      val: 'ui',
      value: '',
      options: [
        {
          value: '选项1',
          label: '黄金糕',
        },
        {
          value: '选项2',
          label: '双皮奶',
        },
        {
          value: '选项3',
          label: '蚵仔煎',
        },
        {
          value: '选项4',
          label: '龙须面',
        },
        {
          value: '选项5',
          label: '北京烤鸭',
        },
      ],
    }
  },
  created() {},
  computed: {},
  methods: {},
}
</script>
<style lang='less'  scoped>
</style>